html { font-size: 50px; }

body { font-size: 24px; }

@media screen and (min-width: 320px) { html { font-size: 21.33px; }
  body { font-size: 12px; } }

@media screen and (min-width: 360px) { html { font-size: 24px; }
  body { font-size: 12px; } }

@media screen and (min-width: 375px) { html { font-size: 25px; }
  body { font-size: 12px; } }

@media screen and (min-width: 384px) { html { font-size: 25.6px; }
  body { font-size: 14px; } }

@media screen and (min-width: 400px) { html { font-size: 26.67px; }
  body { font-size: 14px; } }

@media screen and (min-width: 414px) { html { font-size: 27.6px; }
  body { font-size: 14px; } }

@media screen and (min-width: 424px) { html { font-size: 28.27px; }
  body { font-size: 14px; } }

@media screen and (min-width: 480px) { html { font-size: 32px; }
  body { font-size: 15.36px; } }

@media screen and (min-width: 540px) { html { font-size: 36px; }
  body { font-size: 17.28px; } }

@media screen and (min-width: 720px) { html { font-size: 48px; }
  body { font-size: 23.04px; } }

@media screen and (min-width: 750px) { html { font-size: 50px; }
  body { font-size: 24px; } }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, section, article, aside, header, footer, nav, dialog, figure, hgroup { margin: 0; padding: 0; }

input, select, textarea { font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }

ul, ol, li { list-style: none; }

em, i { font-style: normal; }

a, img { -webkit-tap-highlight-color: transparent; }

@font-face { font-family: 'helvetica'; src: url(../../../www/fonts/HelveticaNeueLTPro-UltLtEx.otf?v=e400b) format("truetype"); }

* { outline: 0; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; font-family: "Microsoft Yahei"; line-height: 1; font-size: 0.48rem; }

html { min-width: 6.4rem; height: 100%; }

body { margin: 0 auto; min-width: 6.4rem; max-width: 15rem; box-sizing: border-box; line-height: 1; overflow-x: hidden; background: #fff; }

body.grey { background: #eee; }

a { text-decoration: none; }

input { font-family: "Microsoft Yahei"; font-size: 0.6rem; color: #aaa; border: none; }

.l { float: left; }

.r { float: right; }

.scroller { overflow: hidden; position: relative; }

.mainContainer { overflow: hidden; width: 100%; height: auto; min-height: 26rem; }

.outerWrap, .innerWrap { position: relative; }

.outerWrap { overflow: hidden; box-sizing: border-box; width: 100%; }

.mainHeader .logo { width: 15rem; height: 1.8rem; display: inline-block; background-image: url(../images/logomini.png); background-size: 4.2rem 1.44rem; background-position: center; background-repeat: no-repeat; }

.mainHeader .headTitle { width: 15rem; display: inline-block; margin: 0 auto; color: #ffb700; line-height: 1.76rem; font-size: 0.68rem; border-bottom: solid 1px #d9d9d9; }

.innerWrap { z-index: 1; left: 0; -webkit-transition: all .5s; transition: all .5s; }

.mainHeader { height: 1.8rem; width: 100%; overflow: hidden; position: fixed; z-index: 20; left: 0; top: 0; text-align: center; -webkit-transition: all .5s; transition: all .5s; box-sizing: border-box; background: #fff; }

.openMainMenu .mainHeader { background: #232323; }

.go-back { position: absolute; right: 1rem; top: 0.7rem; display: inline-block; width: 0.24rem; height: 0.46rem; background-image: url(../images/return1.png?v=1c8dc); background-size: 0.24rem 0.46rem; }

.mainMenu { position: fixed; width: 229px; left: -229px; top: 0; z-index: 0; visibility: visible; background: #333; height: 100%; -webkit-transition: all .5s; transition: all .5s; }

.mainMenu > div { padding-bottom: 50px; }

.mainMenu nav ul { margin-top: 1.7rem; }

.mainMenu nav li.active, .mainMenu nav li:active { background: #232323; }

.mainMenu nav a { color: #aaa; padding-left: 20px; display: block; border-top: 1px solid #404040; line-height: 46px; }

.mainMenu nav li.active a { color: #ffb700; }

.mainMenu nav a:before { content: ""; display: inline-block; margin-right: 15px; width: 10px; height: 10px; border: solid 1px #9d9d9d; border-radius: 50%; }

.mainMenu nav li.active a:before { border: solid 1px #ffb700; background: #ffb700; }

.openMainMenu .mainMenu { left: 0; }

.openMainMenu .mainHeader, .openMainMenu .innerWrap, .openMainMenu .mainContainer { left: 229px; }

.scrollerCon .login { line-height: 46px; height: 46px; font-size: 14px; text-align: center; color: #ffb700; border-top: 1px solid #404040; border-bottom: 1px solid #404040; }

.scrollerCon .login a { padding: 0 10px; color: #aaa; }

#menu-toggle { width: 1.8rem; height: 1.8rem; margin: 0; padding: 0; position: absolute; cursor: pointer; z-index: 1000; top: 0; left: 0; }

#menu-toggle span { display: block; background: #ffc12d; -webkit-transition: all .25s ease-in; transition: all .25s ease-in; box-sizing: border-box; }

#menu-toggle #hamburger { position: absolute; width: 100%; height: 100%; }

#menu-toggle #hamburger span { width: 1.1rem; height: 2px; position: relative; top: 0.3rem; left: 0.4rem; margin: 6px 0; }

.mainfix { overflow-y: scroll; width: 15rem; overflow: hidden; margin-top: 1.8rem; position: relative; height: auto; }

.wap-banner { position: relative; height: 8.58rem; overflow-x: hidden; }

.swiper-slide { text-align: center; font-size: 0.24rem; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.swiper-slide img { width: 100%; height: 100%; }

.baner-title { width: 100%; text-align: center; padding: 0.6rem 0; }

.baner-title img { width: 7.74rem; height: 2rem; }

.video-cont { width: 100%; height: auto; position: relative;  }

.video-cont video { width: 100%; height: auto; }

.video-cont img { width: 100%; height: 5.9rem; }

.search { position: relative; width: 100%; height: 1.4rem; background-image: url(../images/m-search.jpg?v=2b350); background-size: cover; padding: 0.2rem 0.4rem; margin: 0.2rem 0; }

.search input { width: 100%; height: 1rem; line-height: 1rem; border-radius: 0.16rem; padding: 0 0.2rem; }

.search p { width: 3.4rem; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -1.7rem; display: none; line-height: 1.4rem; color: #aca9a9; background-image: url(../images/m-search.png?v=04257); background-size: 0.5rem 0.5rem; background-position: 2.8rem center; background-repeat: no-repeat; }

.search p.act { display: block; }

.more { display: block; width: 14.2rem; height: 1rem; margin: 0.8rem auto; background-color: #ececec; border-radius: 0.16rem; text-align: center; line-height: 1rem; color: #a1a1a1; margin-bottom: 1.6rem; }

.more:hover { background-color: #c6c6c6; }

.footer { width: 100%; height: 2.7rem; background: url(../images/m-footbg.jpg?v=d4826); text-align: center; color: #9a9a9a; }

.footer p { line-height: 0.9rem; padding-top: 0.4rem; }

.footer p:last-child { font-size: 0.4rem; padding-top: 0; }

.footer a { color: #ffb700; }

/*banquet*/
.banquet-list { width: 100%; height: auto; text-align: center; }

.banquet-list li { width: 100%; margin-bottom: 1.2rem; }

.banquet-list img { width: 100%; }

.banquet-list .name { font-size: 0.64rem; color: #535353; font-weight: bold; padding: 0.5rem 0; }

.banquet-list span { color: #fff; display: inline-block; padding: 0.2rem 0.2rem; border-radius: 0.12rem; margin: 0 0.2rem; }

.banquet-list .icon1 { background-color: #c577fc; }

.banquet-list .icon2 { background-color: #5cc318; }

.banquet-list .icon3 { background-color: #ff5f40; }

.banquet-list .text { color: #656565; margin-top: 0.4rem; }

.banquet-list .date { font-size: 0.92rem; font-family: 'helvetica'; color: #ffb700; line-height: 1.7rem; }

.banquet-list .icon { display: inline-block; color: #fff; padding: 0 0.5rem; text-shadow: 1px 1px 1px #ccc; height: 0.88rem; background-image: url(../images/m-but.png?v=2a8ed); background-size: 100% 0.88rem; line-height: 0.88rem; }

.banquet-list .but { display: block; margin: 0 auto; width: 3.6rem; height: 1.48rem; color: #ffc12d; font-size: 0.6rem; padding-top: 0.56rem; background-image: url(../images/m-bless.png?v=bc216); background-size: 3.6rem 1.48rem; margin-top: 0.2rem; }

/*banquet-detail*/
.banqute-detail { text-align: center; margin-bottom: 1.6rem; width: 100%; }

.banqute-detail .name { font-size: 0.64rem; color: #535353; font-weight: bold; margin-top: 1.5rem; margin-bottom: 0.5rem; }

.banqute-detail .title { margin-top: 1rem; color: #ffc12d; font-size: 0.64rem; margin-bottom: 0.6rem; }

.banqute-detail img { width: 100%; margin-top: 0.2rem; }

.banqute-detail .adres { font-size: 0.6rem; color: #2a2a2a; margin-top: 0.7rem; font-weight: bold; }

.banqute-detail .text { color: #656565; margin-top: 0.4rem; }

.banqute-detail .text span { color: #4b4b4b; font-size: 0.52rem; font-weight: bold; }

.banqute-detail .text:last-child { margin-bottom: 0.2rem; }

.banqute-detail .icon { height: 1.2rem; width: 6.24rem; margin: 0 auto; text-shadow: 1px 1px 1px #ccc; line-height: 1.2rem; color: #fff; margin-top: 0.4rem; background-image: url(../images/m-but.png?v=2a8ed); background-size: 6.24rem 1.2rem; }

.banqute-detail .dishes { font-size: 0.6rem; color: #565656; padding: 0.5rem 0; margin-bottom: 0.6rem; }


/*视频播放*/
#video {
	width:100%;
	height:auto;
}
